<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>userlist</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	
	<link rel="stylesheet" type="text/css" href="<%=basePath %>css/styles.css">
	<link rel="stylesheet" type="text/css" href="<%=basePath %>bootstrap/css/bootstrap.min.css">
	<%-- <link rel="stylesheet" type="text/css" href="<%=basePath %>bootstrap/twitter-bootstrap-v2/docs/assets/css/bootstrap.css"> --%>
	
	<!-- <script type="text/javascript" src="js/jquery-2.0.0.js"></script> -->
	<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
	<script type="text/javascript" src="<%=basePath %>bootstrap/js/bootstrap.min.js"></script>
	
	<%-- <script type="text/javascript" src="<%=basePath %>bootstrap/js/uniform/jquery.uniform.js"></script>
	<script type="text/javascript" src="<%=basePath %>bootstrap/js/datatables/jquery.dataTables.min.js"></script>
    <script type="text/javascript" src="<%=basePath %>bootstrap/js/datatables/DT_bootstrap.js"></script>
	<script type="text/javascript" src="<%=basePath %>bootstrap/js/stilearn-base.js"></script> --%>
	
	<script type="text/javascript" src="<%=basePath %>js/author/authorList.js"></script>
	
<style type="text/css">



</style>
  </head>
  
 <body class="body">
 <div class="main">
	
	 <div class="contentBar">
	 	<div class="optionBarList">
		 	<span class="optionBar"><button type="button" class="btn btn-primary btn-xs"><span class="glyphicon glyphicon-star"></span>全选</button></span>
		 	<span class="optionBar"><button type="button" class="btn btn-primary btn-xs"><span class="glyphicon glyphicon-star-empty"></span>反选</button></span>
		 	<span class="optionBar"><button type="button" class="btn btn-danger btn-xs"><span class="glyphicon glyphicon-trash"></span> 删除所选</button></span>
	 	</div>
	 	<div class="searchBar">
		 	<!-- <div class="input-group">
			  	<input type="text" class="form-control" placeholder="Author/BookName">
			  	<span class="input-group-addon"><span class="glyphicon glyphicon-search"></span> 搜索</span>
			 </div> -->
			 <div class="input-group input-group-sm">
			 	<input type="text" class="form-control" placeholder="namer" >
			 	<span class="input-group-btn">
			 		<button type="button" class="btn btn-success">
			 			<span class="glyphicon glyphicon-search"></span> 搜索
			 		</button>
			 	</span>
			 </div>
			<!--  <div style="clear: both;"></div> -->
		</div>
		<!-- <div style="clear: both;"></div> -->
	 	<!-- <span class="bookTypeBar"><button type="button" class="btn btn-danger btn-sm">button1</button></span> -->
	 </div> <div class="contentBar-temp"></div>
	 <div class="content">
	 	<div>
	 	 <!--  <br><button class="btn btn-warning">Active</button> -->
	 	 <table class="table table-condensed table-striped table-bordered table-hover">
	 	 	<thead>
	 	 		<tr>
	 	 			<th style="width: 6%;">选择</th>
		 	 		<th style="width: 19%;">username</th>
		 	 		<th style="width: 10%;">role</th>
		 	 		<th style="width: 13%">number</th>
		 	 		<th style="width: 19%;">author</th>
		 	 		<th style="width: 19;">starttime</th>
		 	 		<th style="width: 14%;">操作</th>
		 	 	</tr>
	 	 	</thead>
	 	 	<%
	 	 	for(int i=0;i<10;i++){
	 	 	
	 	 	 %>
	 	 	<tr id="authorId<%= i%>">
	 	 		<td><input type="checkbox"></td>
	 	 		<td><a href="jsp/author/authorDetail.jsp">zhangsanfengniubi</a></td>
	 	 		<td>admin</td>
	 	 		<td>13453</td>
	 	 		<td>我喜欢吃西红柿</td>
	 	 		<td>2013-11-12 1:45:08</td>
	 	 		<td>
	 	 			<button class="btn btn-primary btn-xs addBook">&nbsp;&nbsp;<span class="glyphicon glyphicon-plus"></span>&nbsp;&nbsp;</button>&nbsp;
	 	 			<button class="btn btn-warning btn-xs modify">&nbsp;&nbsp;<span class="glyphicon glyphicon-edit"></span>&nbsp;&nbsp;</button>&nbsp;
	 	 			<button class="btn btn-danger btn-xs delete">&nbsp;&nbsp;<span class="glyphicon glyphicon-trash"></span>&nbsp;&nbsp;</button>
	 	 		</td>
	 	 	</tr>
	 	 	<%
	 	 	}
	 	 	 %>
	 	 	
	 	 </table>
	 	</div>
	 	
	 	<!-- 分页条 -->
	 	<jsp:include page="../common/rollPage.jsp" flush="true">
	 		<jsp:param value="1" name="currPage"/>
	 		<jsp:param value="10" name="totalPage"/>
	 		<jsp:param value="rollPage.action" name="action"/>
	 	</jsp:include>
	 	
     </div>    
 </div>

<!-- 确认删除框   -->
<div class="modal fade" id="authorDeleteConfirm" tabindex="-1" role="dialog" aria-labelledby="authorDeleteLabel" aria-hidden="true">
	<div class="modal-dialog" style="width:250px;padding-top:18%;">
		<div class="modal-content">
			<div class="modal-header" align="center">
 			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
 			<h5 class="modal-title" id="authorDeleteLabel">
 				<span class="text-danger"><span class="glyphicon glyphicon-trash"></span> 确认删除?</span>
 			</h5>
			</div>
			<div class="modal-body" align="center">
 			<button class="btn btn-primary btn-sm sure">确定</button>&nbsp;&nbsp;&nbsp;&nbsp;
 			<button class="btn btn-primary btn-sm cancel">取消</button>
 		</div>
		</div>
	</div>
</div>
</body>
</html>
